<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
        SPA: 单页面应用: Facebook,Vue.js 和 React 官网,知乎,掘金,飞书
        页面来回切换加载快
            缺点1、是SEO优化不好，因为SEO讲究的是多页面
                2、性能不是特别好

        
        MPA: Amazon,eBay,京东，淘宝


        特性	            SPA	                                                        MPA
页面加载方式	仅初次加载完整HTML，后续通过AJAX或API调用更新部分内容	        每次导航都会加载完整的HTML文档
用户体验	    更快的界面响应速度，平滑过渡效果	                           可能存在明显的加载等待时间
SEO	           需要额外配置（如SSR）以支持搜索引擎优化	                      对SEO友好，默认情况下易于被搜索引擎索引
开发难度	    较高，尤其是状态管理和路由控制方面	                           较低，适合简单的应用场景
性能	        初始加载时间较长，但后续操作高效	                           每次页面跳转都有较大的网络开销
适用场景	    动态性强的应用程序，如社交网络、仪表盘	                        内容驱动型网站，如博客、企业官网
        */ 
    </script>
</body>
</html>